<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>       
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><spring:message code="login.form.title" /></title>
<style type="text/css">
body {margin:auto; background-color: #000000;}
#all {overflow-x:scroll; height:100%; margin:auto; }
#top_1 {width: 1600px;height: 80px; background-color: #000000; margin:0 auto; border-bottom:1px solid white;/* position: fixed; width: 100%;  */ }
#top_1 .logo{width: 1050px; margin:0 auto; }

/* #top_1 #logo2{border-left:1px solid gray;margin:-70px 0 0 35%;} */
/* #top_2 {width: 100%; height: 30px; top: 60px; background-color: #000000; position: fixed; } */
/* #mid_wrap {width: 100%; height: 100%; } */
#mid_wrap .contents { background-color:#000000 ;} 
#mid_wrap .contents #image_list_1 .clsBannerScreen {height: 510px;width:100%;/* border-bottom:1px solid gray; */ margin:auto/*  clear:both; */}
/* #mid_wrap .contents #image_list_1 .clsBannerScreen .images {align:center;} */
#mid_wrap .menu {text-align:center; width: 1598px; height: 140px;top: 600px; border-top:1px solid white;border-bottom:1px solid white;/* float: left; */ background-color: #333;  font-family: "돋움"; font-size: 12px; line-height: 16pt;color: #FFF;}
#mid_wrap .menu div {width:500px; /* display:block; */ margin:0 auto;}
#mid_wrap .menu .left1 {padding:5px 0 5px 0; }
#mid_wrap .menu .left2 {border-top:1px solid gray; border-bottom:1px solid gray; width:500px; } 
#mid_wrap .menu .left2-1 {padding:10px 0 0 0; margin:0 0 0 -9px;}
#mid_wrap .menu .left2-2 {padding:2px 0 10px 0; margin:0 0 0 0px;}
#mid_wrap .menu .left3 {padding:10px 0 0 0; }
#bottom {width:1600px; /* height: 250px; *//* top: 750px; */ background-color: #000000;/*  margin:-5px auto; */ /*  position: fixed; */ }
#bottom #bottom-2{width:600px;margin:auto; height: 70px;}
#top_1 .logo .search {position:relative; top:-15px;}
#top_1 .logo .search a {position:absolute; top:-3px; right:-29px;}
.loginCommamnd{border-bottom:1px solid gray;border-top:1px solid white;padding:6px;height:106px;text-align:center;font-family: "돋움"; font-size: 12px; line-height: 16pt;color: #FFF;width:1588px;}
.loginCommamnd1{width:410px; text-align:left;margin-left:664px;}
.loginCommamnd2-2 div{display:inline;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://cfs.tistory.com/custom/blog/68/684698/skin/images/jquery.banner.js"></script>
<script type="text/javascript">
<!--
$(function() {
	$("#image_list_1").jQBanner({	//롤링을 할 영역의 ID 값
		nWidth:1600,					//영역의 width
		nHeight:510,				//영역의 height
		nCount:5,					//돌아갈 이미지 개수
		isActType:"left",				//움직일 방향 (left, right, up, down)
		nOrderNo:1,					//초기 이미지
		nDelay:3500					//롤링 시간 타임 (1000 = 1초)
		/*isBtnType:"li"*/			//라벨(버튼 타입) - 여기는 안쓰임
		}
	);
	
});
//-->
</script>
</head>
<body>
<div id="all">
	<div id="top_1">
		<div class="logo">
		<a href=""><img src="./img/logo1.jpg" width=240 height=74></a>
		<a href=""><img src="./img/button1.jpg" width=194 height=80></a>
		<a href=""><img src="./img/button2.jpg" width=202 height=80></a>
		<a href=""><img src="./img/button3.jpg" width=220 height=80></a>
	
		<div class="search"style="display:inline; width:200px; height:25px;">
			<input name="txtID" type="text" maxlength="40" id="txtID" tabindex="2" class="textbox" onKeyPress="javascript:if(window.event.keyCode=='13'){document.getElementById('txtPWD').focus();return false;}" style="width:100%;width:120px; height:25px; border:1px solid #CCC" />
			<a href=""><img src="./img/search.jpg" width=25 height=25></a>
		</div>
	
			<!-- <input type="image" width=560 height=74 src="logo2.jpg">  -->
		</div>
			
	</div>
 <!-- 	<div id="top_2"></div>
 -->
	<div id="mid_wrap">
		<div class="contents">
			<div id="image_list_1">
				<div class="clsBannerScreen">
					<div class="images"><img src="./img/content_1.jpg" /></div> <!-- style="display:block" -->
					<div class="images"><img src="./img/content_2.jpg" /></div>
					<div class="images"><img src="./img/content_3.jpg" /></div>
					<div class="images"><img src="./img/content_4.jpg" /></div>
					<div class="images"><img src="./img/content_5.jpg" /></div>
				</div>
			</div>
		</div>
		<div class="loginCommamnd">
<form:form commandName="loginCommand">

	<form:radiobutton path="sel" value="1" checked="true"/>
	<font color="white"><spring:message code="login.form.rb1"/></font>
	<form:radiobutton path="sel" value="2" />
	<font color="white"><spring:message code="login.form.rb2"/></font>
	<br>
	<div class="loginCommamnd1">
	<div class="loginCommamnd2-1">
	<font color="white"><spring:message code="login.form.id"/></font>
	&nbsp;&nbsp;&nbsp;<form:input path="id"/>
	<form:errors path="id"/>
	</div>
	<div class="loginCommamnd2-2">
	<font color="white"><spring:message code="login.form.passwd"/></font>
	<form:password path="passwd"/>
	<form:errors path="passwd"/><form:errors element="div"/><br>
	</div></div>
	<div class="loginCommamnd2-3">
	<input type="submit" value="<spring:message code="login.form.submit" />">
	<input type="button" value="<spring:message code="login.form.passFind" />" onclick="location.href='passFind.do'">
	</div>
</form:form>
</div>
	</div>
	<div id="bottom">
	<div id="bottom-2"><img src="./img/bottom1.jpg" />
	</div>
	
	</div>
</div>
</body>
</html>